/* CSS Document By http://www.qhdsudu.com http://www.bytul.com 2013年06月16日11:00*/ @import url(reset.css); body {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; background:#f2f2f2 url(../images/001.jpg) top repeat-x;} .header_roll_txt{ width: 958px; padding: 0px 10px; background: #D9FABE; font-weight: bold; border-radius: 3px; border: 1px #B3F57C solid; height: 40px; line-height: 40px; font-size: 30px; font-family: '微软雅黑'; color: #cc0000;} /*GLOBE STYLE*/ .fyh{font-family:'微软雅黑',Verdana, Arial, Helvetica, sans-serif;} a{ color:#555; text-decoration:none;} a:hover{ color:#0092D1; text-decoration:none;} .mt10{ margin-top:10px;} .mr10{ margin-right:10px;} .ml10{ margin-left:10px;} .mb10{ margin-bottom:10px;} .fl{ float:left;} .fr{ float:right;} .fb{ font-weight:bold;} .nbg{ background:none;} .clear{ width:100%; height:0px; line-height:0px; font-size:0px; clear:both;} ::-moz-selection { background: #0092D1; color: #fff; text-shadow: none; } ::selection { background: #0092D1; color: #fff; text-shadow: none; } /*wapper*/ .wapper{ width:100%; height:1000px; margin:0 auto; background:url(../images/002.jpg) top center no-repeat;} .w1200{ width: 1200px; height: auto; overflow: hidden; margin: 0 auto; } .mt15{ margin-top: 15px!important; } /*header*/ header{ width:980px; height:110px; position:relative;} header a.logo{position:absolute; top:24px; left:0px;} header a.tel{position:absolute; top:45px; right:0px;} /*menu*/ nav{ width:100%; height:55px; background:#0076d4; overflow:hidden;} nav ul{ width:100%;} nav ul li{ float:left; display: inline-block; width:11.111111%; } nav ul li a{ display:block; height:55px; color:#FFFFFF; line-height:55px; font-size:16px; font-family:'微软雅黑'; text-align:center;} nav ul li a:hover,nav ul li.on a{ color:#FFFFFF; text-decoration:none; background:#75b21a;} .wbox{ width: 100%; height: auto; overflow: hidden; } /*banner*/ #banner{ width:980px; height:296px; overflow:hidden;} #slides {display:block; width:980px; height:296px; list-style:none; padding:0; margin:0; position:relative;} #slides li { display:block; width:980px; height:296px; list-style:none; padding:0; margin:0; position:absolute} #slides li a { display:block; width:980px; height:296px; text-indent:-9999px;} #pagination { display:block; list-style:none; position:absolute; left:50%; top:428px; z-index:9900; padding:5px 15px 5px 0; margin:0} #pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF } #pagination li a { display:block; width:100%; height:100%; padding:0; margin:0; text-indent:-9999px;} #pagination li.current { background:#0092CE} /*index four*/ .index_four{ width:1200px; height:auto; overflow:hidden; margin: 0 auto;} .index_four ul{ width:1400px;} .index_four ul li{ float:left; position:relative; overflow:hidden;} .index_four ul li.normal{ width:247px; height:245px; margin-right:86px;} .index_four ul li.normal a.one{ display:block; width:194px; height:245px; background:url(../images/index_four.png) 0px 0px no-repeat;} .index_four ul li.normal a.two{ display:block; width:194px; height:245px; background:url(../images/index_four.png) -194px 0px no-repeat;} .index_four ul li.normal a.three{ display:block; width:194px; height:245px; background:url(../images/index_four.png) -388px 0px no-repeat;} .index_four ul li.normal a.four{ display:block; width:194px; height:245px; background:url(../images/index_four.png) -582px 0px no-repeat;} /* .index_four ul li.normal a.one:hover{background:url(../images/index_four.png) 0px -245px no-repeat;} .index_four ul li.normal a.two:hover{background:url(../images/index_four.png) -194px -245px no-repeat;} .index_four ul li.normal a.three:hover{background:url(../images/index_four.png) -388px -245px no-repeat;} .index_four ul li.normal a.four:hover{background:url(../images/index_four.png) -582px -245px no-repeat;} */ .index_four ul li em{ position:absolute; top:245px; font-size:14px; line-height:40px; text-align:center; left:0px; width:194px; height:60px; background:url(../images/004.png);} .index_four ul li em a{ color:#FFFFFF;} .index_four ul li em a:hover{ color:#FFFFFF;} .index_four ul li.taobao{ width:150px; height:245px; margin-left:-5px;} .index_four ul li h2{ font-size:-100px; line-height:2000px; height:60px; overflow:hidden; width:194px;} .index_four ul li span{ width:144px; height:auto; overflow:hidden; display:block; padding:0px 25px; font-size:16px; line-height:26px; color:#333333;} /*index news service products*/ .index_news{ width:955px; height:130px; overflow:hidden; background-color:none; float: right;} .index_dt{ width:220px; height:250px; background:#0092d1 url(../images/005.gif) no-repeat;} .index_dt h2{ color:#FFFFFF; width:220px;} .index_dt h2 em.cn{ font-size:14px; margin:6px 5px 0px 10px; font-weight:bold;} .index_dt h2 em.en{ font-size:12px; margin:10px 0px 0px 0px;} .index_dt ul{padding:2px 8px; float:left;} .index_dt ul li{ width:204px; height:22px; line-height:22px; float:left; overflow:hidden; font-size:12px; font-family:"新宋体";} .index_dt ul li a{ color:#FFFFFF; text-decoration:none;} .index_dt ul li a:hover{color:#FFFFFF; text-decoration:none;} .index_ser{ width:472px; height:130px; overflow:hidden; background:url(../images/0005.png) 0px -0px no-repeat;} .index_pro{ width:472px; height:130px; overflow:hidden; background:url(../images/0005.png) 0px -130px no-repeat;} .index_ser h2,.index_pro h2{ font-size:16px; color:#FFFFFF; width:352px; float:left; padding:10px 0px 0px 18px;} .index_ser span,.index_pro span{ font-size:12px; display:block; width:334px; color:#333333; line-height:26px; padding:11px 18px;} .index_ser span a,.index_pro span a{ color:#0092D1;} .index-left2017{ width: 220px; height: 548px; overflow: hidden; float: left; margin-top: 10px; } .index_about{ background: #fff; padding: 0; } /*index part three*/ .index_three{ width:953px; height:408px; overflow:hidden; float: right;} .index_cj{ width:198px; height:270px; border:1px #E0E0E0 solid; background:#fff; padding:6px 10px 10px 10px;} .index_cj h3{ font-size:14px; color:#0092D1; border-bottom:1px #e0e0e0 solid; width:198px; padding-bottom:5px;} .index_cj ul{float:left;} .index_cj ul li{ float:left; width:198px; margin-top:8px;} .index_cj ul li a{ display:block; padding-bottom:3px; border-bottom:1px #CCCCCC dotted; font-size:12px; line-height:24px;} .index_cj ul li a em{ color:#0092D1;} .index_cp{ width:953px; height:408px;} ul.index_menu{width:948px; height:37px; position:relative; float:left; padding-left:5px; position:relative; z-index:10; background:url(../images/007.jpg) right 7px no-repeat;} ul.index_menu li{ float:left; display:inline; margin-right:8px;} ul.index_menu li a.tab{ text-align:center; font-size:14px; color:#FFFFFF; line-height:32px; display:block; width:120px; height:37px; background:url(../images/006.jpg) -125px 0px no-repeat;} ul.index_menu li a.tab:hover,ul.index_menu li.on a.tab{ color:#fff; background:url(../images/006.jpg) 0px 0px no-repeat;} ul.index_menu a.more{ font-size:12px; color:#0092D1; font-weight:normal; position:absolute; right:0px; top:8px;} .index_roll_con{ width:953px; height:170px; overflow:hidden;position:relative; z-index:9; margin-top:-8px;} .index_roll{ width:953px; height:168px; overflow:hidden; border:1px #e0e0e0 solid; background:#fff;} .index_roll ul{ width:10000px; padding-left:17px;} .index_roll ul li{ float:left; margin-right:38px; margin-top:20px;} .index_roll ul li a{ display:block; width:150px; height:140px;} .index_roll ul li a img{ width:146px; height:106px; border:1px #DBDBDB solid; padding:1px;} .index_roll ul li a:hover img{ border:1px #0092D1 solid;} .index_roll ul li a span{ width:150px; display:block; text-align:center; padding-top:5px; font-size:12px;} /*index part four*/ .index_4{ width:1200px; height:230px; overflow:hidden;} .index_contact{ width:218px; height:228px; border:1px #E0E0E0 solid; background:#fff; overflow:hidden;} .index_contact h3{ width:208px; height:33px; line-height:31px; padding-left:10px; float:left; background:url(../images/008.jpg);} .index_contact h3 a{ font-size:14px; font-weight:bold;} .index_contact span.content{ width:198px; height:175px; padding:10px; line-height:25px; color:#555; font-size:12px; overflow:hidden; display:block;} .index_guestbook{ width:951px; height:228px; border:1px #E0E0E0 solid; background:#fff; overflow:hidden;} .index_guestbook h3{ width:943px; color:#555; height:33px; font-size:14px; font-weight:bold; line-height:31px; padding-left:10px; float:left; background:url(../images/008.jpg);} .index_guestbook_c{ width:933px; height:198px; margin:12px 10px; _margin:10px 10px;} .index_guestbook table{ width:100%;} .index_guestbook table td{ padding:5px; font-size:12px; color:#555;} .index_guestbook table td input.input-text{ border:1px #e0e0e0 solid; background:#fcfcfc; padding:3px 4px; width: 173px;} .index_guestbook table td textarea{border:1px #e0e0e0 solid; background:#fcfcfc; padding:4px; width:800px; _width:800px; height:80px;} .index_guestbook table td input.submit{ width:90px; height:28px; border:none; background:url(../images/bg.png) -370px -48px no-repeat;} .index_guestbook table td input.reset{ width:90px; height:28px; border:none; background:url(../images/bg.png) -460px -48px no-repeat;} /*index articel bottom*/ .index_artlist{ width:1198px; height:auto; overflow:hidden; border:1px #E0E0E0 solid; background:#fff;} .index_artlist ul{ width:1300px;} .index_artlist ul li{ width:195px; height:auto; padding-bottom:5px; overflow:hidden; float:left; display:inline; border-right:1px #e0e0e0 solid;} .index_artlist ul li h3{ float:left; width:165px; padding:10px 15px;} .index_artlist ul li h3 b{ font-size:14px; font-weight:bold; color:#0097DA; float:left;} .index_artlist ul li h3 a.more{ float:right; font-size:12px;} .index_artlist ul li img{ width:165px; height:62px; margin-left:15px; margin-bottom:5px;} .index_artlist ul li a.list{width:165px; height:24px; line-height:24px; display:block; overflow:hidden; margin-left:15px;} /*footer_link*/ .footer_link{ width:1200px; height:auto; line-height: 26px; overflow:hidden; border-top:2px #0097DA solid; border-bottom:1px #fff solid;} .footer_link_n{ width:1198px; padding-left:5px; height:auto; line-height:26px; overflow:hidden; border-bottom:1px #ccc solid;} .footer_link_n span{ color:#ccc; padding:0px 10px;} /*copy*/ .copy{ width:1200px; height:auto; overflow:hidden; line-height:22px; text-align:center; color:#555; padding:8px 0px;} .copy a{color:#0092D1; text-decoration:none;} /*subpage box*/ .sub{ width:980px; height:auto; overflow:hidden; padding-bottom:33px; background:#0074A7 url(../images/010.jpg) center bottom no-repeat; margin-top:40px;} .sub_l{ width:210px; height:auto; overflow:hidden; background:url(../images/011.jpg) top center no-repeat; padding-top:16px; padding-bottom:30px;} .sub_l h2{ width:210px; height:38px; line-height:38px;} .sub_l h2 em.cn{ font-size:14px; color:#666666; padding-left:10px;} .sub_l h2 em.en{ font-size:12px; color:#0099DB; padding-left:10px;} .sub_l ul{ width:190px; margin:8px 10px 0px 10px;} .sub_l ul li{ overflow:hidden; border-bottom:1px #FFFFFF dotted; float:left; width:190px;} .sub_l ul li a{ color:#FFFFFF;width:150px; display:block; height:40px; line-height:42px; background:url(../images/012.png) 12px 13px no-repeat; padding-left:40px;} .sub_l ul li a:hover,.sub_l ul li.on a{ font-weight:bold;color:#FFFFFF;} .sub_l dl{ width:190px; height:auto; overflow:hidden; float:left;} .sub_l dl dd{ width:150px; height:30px; background:url(../images/jiao.gif) 30px 12px no-repeat; line-height:30px; border-bottom:1px #FFFFFF dotted; padding-left:40px; color:#D2FFFF;} .sub_l dl dd a{ color:#D2FFFF;} .sub_l dl dd a:hover,.sub_l dl dd.on a{ color:#fff; font-weight:bold;} .sidebar_box{ width:190px; height:auto; overflow:hidden; padding:10px; color:#D2FFFF;} .sidebar_box h3{ font-size:12px; font-weight:bold; padding-bottom:5px;} .sidebar_box span{ line-height:25px;} .sub_r{ width:729px; height:auto; min-height:300px; overflow:hidden; background:#fff; border-top:1px #e0e0e0 solid; border-right:1px #e0e0e0 solid; padding:20px;} .sub_r h2{ width:704px; font-size:12px; color:#777; padding-left:25px; border-bottom:1px #E0E0E0 solid; padding-bottom:8px; background:url(../images/013.png) 0px 0px no-repeat;} .sub_r h2 a{color:#777;} .sub_r img.banner{ width:729px; margin:10px auto;} /*subpage page*/ .page{ width:729px; height:auto; min-height:450px; overflow:hidden; font-size:14px; color:#505050; line-height:30px;} .page_cate{ width:729px; height:auto; overflow:hidden;} .page_cate h3.cate_title{ width:729px; float:left; border-bottom:1px #787878 dotted; padding-bottom:5px;} .page_cate h3.cate_title b{ float:left;font-size:14px; color:#0092D1; } .page_cate h3.cate_title a.more{ float:right;font-size:12px; font-weight:normal; color:#0092D1;} .page_cate span.cate_content{ width:729px; height:auto; float:left; overflow:hidden; font-size:14px; color:#505050; line-height:30px; margin-top:5px; margin-bottom:20px;} .page_cate ul.cate_list{ padding:10px 0px 20px 0px; float:left;} .page_cate ul.cate_list li{ font-size:12px; height:25px; line-height:25px; float:left; width:364px; font-family:"宋体"; color:#666666;} .page_contact{ width:609px; height:250px; padding:95px 0px 0px 120px; background:url(../images/contactbg.jpg) 80px 70px no-repeat; overflow:hidden; font-size:14px; color:#505050; line-height:30px;} /*article list*/ article.article{ width:729px; height:auto; overflow:hidden;} article.article ul{} article.article ul li{ width:649px; height:32px; line-height:34px; overflow:hidden; background:url(../images/014.png) no-repeat; float:left; margin-top:10px; padding:0px 40px;} article.article ul li a{ float:left;} article.article ul li em{ float:right; color:#999999;} /*article pictures*/ article.pic{ width:729px; height:auto; overflow:hidden;} article.pic h3.cate_title{ width:729px; float:left; border-bottom:1px #787878 dotted; padding-bottom:5px;} article.pic h3.cate_title b{ float:left;font-size:14px; color:#0092D1; } article.pic h3.cate_title a.more{ float:right;font-size:12px; font-weight:normal; color:#0092D1;} article.pic ul{ width:800px;} article.pic ul li{ position:relative;margin-right:34px; margin-bottom:40px; float:left; overflow:hidden;width:200px; padding:11px 10px 0px 10px; height:194px; background:url(../images/015.jpg) no-repeat;} article.pic ul li img{ width:200px; height:145px;} article.pic ul li span{ width:200px; height:45px; line-height:38px; text-align:center; display:block; overflow:hidden;} article.pic ul li a.taobao{ display:block; width:100px; height:35px; background:url(../images/017.jpg); position:absolute; bottom:60px; right:-100px;} article.pic ul li a:hover.taobao{background:url(../images/018.jpg);} article.pic ul.cate{ width:800px;} article.pic ul.cate li{ position:relative;margin-right:34px; margin-bottom:30px; margin-top:10px; float:left; overflow:hidden;width:200px; padding:11px 10px 0px 10px; height:194px; background:url(../images/015.jpg) no-repeat;} article.pic ul.cate li img{ width:200px; height:145px;} article.pic ul.cate li span{ width:200px; height:45px; line-height:38px; text-align:center; display:block; overflow:hidden;} article.pic ul.cate li a.taobao{ display:block; width:100px; height:35px; background:url(../images/017.jpg); position:absolute; bottom:60px; right:-100px;} article.pic ul.cate li a:hover.taobao{background:url(../images/018.jpg);} /*SERVICE*/ article.fuwu{ width:729px; height:auto; overflow:hidden;} article.fuwu ul{ width:800px; padding-top:20px;} article.fuwu ul li{margin-right:29px; margin-bottom:29px; float:left; } article.fuwu ul li a{ display:block;overflow:hidden;width:350px; height:250px;} article.fuwu ul li a img{ width:350px; height:250px;} /*page code*/ /*CSS jogger style pagination*/ DIV.page_code { padding:40px 0px 10px 0px;FONT-FAMILY: "Lucida Sans Unicode", "Lucida Grande", LucidaGrande, "Lucida Sans", Geneva, Verdana, sans-serif } DIV.page_code A { PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #0085BE; TEXT-DECORATION: none } DIV.page_code A:hover { PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #00567B } DIV.page_code A:active { PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #00567B } DIV.page_code SPAN { PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #6d643c; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #f6efcc } DIV.page_code SPAN.disabled { DISPLAY: none } .np{ width:729px; padding:20px 0px 0px 0px; line-height:25px; color:#0092D1;} /*more page*/ .see{ width:699px; height:auto; min-height:350px; padding:15px; overflow:hidden; font-size:14px; color:#505050; line-height:30px; position:relative;} .see h1.title{ font-size:18px;color:#0092D1; padding-bottom:20px;} .see a.taobao{ position:absolute; top:10px; right:0px; display:block; width:100px; height:35px; background:url(../images/017.jpg); position:absolute;} .see a:hover.taobao{background:url(../images/018.jpg);} .fenxiang{ width:729px; height:auto; overflow:hidden; padding-top:20px;} .index_join{ background: #fff; width: 100%; } .index_join .index-a{ width: 790px; height: auto; overflow: hidden; padding: 50px 30px 50px 0; } .index_join .index-j{width:370px;height:387px;position: relative; background: #006fd1 url(../images/bg_3.png) no-repeat right bottom;box-sizing: border-box;padding-left:40px;padding-top:40px;} .index_join .index-j h3{font-size:28px;color:#fff;line-height: 40px;} .index_join .index-j strong{display: block;color:#c2c2c2;font-size: 18px;line-height: 30px;text-transform: uppercase;} .index_join .index-j span{display: block;padding-top:15px;} .pc{ display: block; } .mobile{ display: none; }